<form id="formEdit" action="save" class="form-horizontal" role="form" >
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">操作</h4>
            </div>
            <div class="modal-body">

            	<!-- 以下为要修改的的内容 -->

				<input type="hidden" name="id" data-th-value="${model.id}" id="modelId">
				<!-- <input type="hidden" name="parentId" th:value="${model.parent==null?null:model.parent.id}"> -->				
                <div class="form-group">
                	<label for="txt_parent" class="col-sm-2 control-label">上级部门</label>
                	<div class="col-sm-9">
	                    <input name="parentId" data-th-value="${model.parent==null?null:model.parent.id}" class="form-control" id="txt_parent">
                	</div>
                </div>
                <div class="form-group">
                	<label for="txt_name" class="col-sm-2 control-label">部门名称</label>
                	<div class="col-sm-9">
	                    <input type="text" name="name" data-th-value="${model.name}" class="form-control" id="name">
                	</div>
                </div>
                <div class="form-group">
                	<label for="txt_sort" class="col-sm-2 control-label">排序</label>
                    <div class="col-sm-9">
	                    <input type="text" name="idx1" data-th-value="${model.idx1}" class="form-control" id="txt_sort">
                    </div>
                </div>
                <!-- 以上为要修改的内容 -->

            </div>
            <div class="modal-footer">
                <button type="submit" class="btn btn-primary"><span class="glyphicon glyphicon-floppy-disk" aria-hidden="true"></span>保存</button>
                <button type="button" class="btn btn-default" data-dismiss="modal"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span>关闭</button>
            </div>
        </div>
    </div>
</form>
<script type="text/javascript" th:inline="javascript">
	var options= {
		message: '验证不通过',
		feedbackIcons: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
        fields: { 

	       	name: {
				validators: {
					notEmpty: {
						message: '部门名称不能为空'
					}
				}
			}
            	
       	}
	};
    $('#formEdit').bootstrapValidator(options).on('success.form.bv', function(e) {
        	e.preventDefault();							   	//很重要没有它则会提交默认表单，不会做下面的ajax表单提交
            var fd = new FormData($("#formEdit")[0]); 
            $.ajax({  
              url: "dept/save",  
              type: "POST",  
              data: fd,
              dataType:'json',
              processData: false,  // 不处理数据  
              contentType: false,   // 不设置内容类型
              success:function(result){
            	  if(result.success){
	            	  $('#myModal').modal("hide");
            	  }else{
            		  bootbox.alert(result.msg);
            	  }
              },
              error:function(result){
            	  bootbox.alert(result.msg);
              }
            });  
    	});

	$(function(){
		$('#txt_parent').bootstrapCombotree({
			url:'dept/combotree?id='+$('#modelId').val()
		});
		
	});
	
</script>